<template>
<view class="wit-content" :style="style">
  <slot></slot>
</view>
</template>

<script lang="ts" setup>
import {useTheme} from '@/store/pinia/modules/theme'
import { computed } from 'vue'

const store = useTheme();
const storeColor = store.storeColor;

const style = computed(() => {
  let bg = `background:${storeColor.background.background};`
  let img = storeColor.background.backgroundImage
  if (img) {
    bg = `${bg};background-image:url(${img})`
  }
  return bg
})
</script>

<style scoped>
.wit-content{
  height: 100%;
  width: 100%;
  position: fixed;
  overflow: auto;
  z-index: -99999;
  top: 0;
  left: 0;
  /*opacity: ;*/
}
</style>
